<template>
  <a-layout-content :class="classNames">
    <slot />
  </a-layout-content>
</template>

<script lang="ts" setup>
import { computed } from 'vue';
import { useProProvider } from '@/components/base-layouts/pro-provider';

const { getPrefixCls } = useProProvider();
const prefixCls = computed(() => getPrefixCls('basicLayout'));
const classNames = computed(() => ({
  [`${prefixCls.value}-content`]: true,
  [`${prefixCls.value}-has-header`]: true,
}));
</script>
